<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="./home-page.css">
    <link rel="stylesheet" href="./home-page-reset.css">
    <link rel="stylesheet" href="./swiper-4.5.3/dist/css/swiper.css">
    <script src="./jquery-1.11.1.js"></script>
    <style>
        .loading{
            width:1.6rem;
            height:0.56rem;
            position: absolute;
            top:50%;
            left:50%;
            line-height:56px;
            color:#fff;
            padding-left:60px;
            font-size:15px;
            background: #000 url(./img/loading.gif) no-repeat 10px 50%;
            opacity: 0.7;
            z-index:9999;
            -moz-border-radius:20px;
            -webkit-border-radius:20px;
            border-radius:20px;
            filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
        }
        .loading_show{
            display: block;
        }
        .loading_hide{
            display: none;
        }
    </style>
</head>
<body>
    <!-- loading样式：当ajax请求未完成时，加载此页面 -->
    <!-- <div id="loading">Loading pages...</div> -->
    <header>
        <div class="search-wrap">
            <a href="" class="a1"></a>
            <form action="" class="search-form">
                <input type="text" name="" id="search-form-input">
                <a href="" class="a2"></a>
            </form>
        </div>
    </header>
    <nav>
        <div class="swiper-box">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a href="" class="swiper-a">
                            <img src="./img/banner1.jpg">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="" class="swiper-a">
                            <img src="./img/banner2.jpg">
                        </a>
                    </div>
                </div>
                <!-- 分页器 -->
                <div class="swiper-pagination"></div>
            </div>
        </div>
        <script src="./swiper-4.5.3/dist/js/swiper.js"></script>
        <div class="res">
            <div class="res-wrap">
                <!-- <a href="" class="res-a">
                    <img src="./img/女装.jpg" class="res-img">
                    <div class="res-title">女装</div>
                </a>
                <a href="" class="res-a">
                    <img src="./img/上衣.jpg" class="res-img">
                    <div class="res-title">上衣</div>
                </a>
                <a href="" class="res-a">
                    <img src="./img/鞋子.jpg" class="res-img">
                    <div class="res-title">鞋子</div>
                </a>
                <a href="" class="res-a">
                    <img src="./img/裤子.jpg" class="res-img">
                    <div class="res-title">裤子</div>
                </a>
                <a href="" class="res-a">
                    <img src="./img/内衣.jpg" class="res-img">
                    <div class="res-title">裙子</div>
                </a> -->
            </div>
        </div>
    </nav>
    <section>   
        <!-- <div class="content">
            <a href="https://www.baidu.com/" class="content-a1">
                <img src="./img/1.jpg" class="content-img1">
            </a>
            <div class="product_name">大衣</div>
            <div class="product_price">￥59</div>
            <form action="" id="form">
                <input type="button" id="star" value="收藏">
                <input type="button" id="buy" value="立即购买">
            </form>
        </div> -->
    </section>
    <footer>
        <a href="http://localhost/mogujie/home-page.html">首页</a>
        <a href="http://localhost/mogujie/hot.html">热点</a>
        <a href="http://localhost/mogujie/shop-cart.html" >购物车</a>
        <a href="http://localhost/mogujie/star.html" >收藏</a>
        <a href="http://localhost/mogujie/person.html" >我的</a>
    </footer>
</body>
<script>
    new Swiper('.swiper-container',{
        initialSlide :0,
        loop:true,
        pagination :{
            el:'.swiper-pagination'
        },
        autoplay:true
    })
</script>
<script src="./home_page.js"></script>
</html>